.container {
	position: relative;
	.head {
		// border-bottom: 2upx solid #eee;
	}
	.field-item {
		&:last-child {
			.detail-item-dyn {
				border-bottom: none;
				padding-bottom: 0;
			}
		}
		.detail-item-dyn {
			border-bottom: 2upx #eee dashed;
			box-sizing: border-box;
			padding-bottom: 20upx;
			.detail-item-number {
				color: #fff;
				display: inline-block;
				background-color: #4477A8;
				font-size: 24upx;
				padding: 0 20upx;
				border-radius: 8upx;
			}
		}

	}
}
.background-f8 {
	background-color: #f8f8f8 !important;
}


.d-flex {
	display: flex;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-center {
	justify-content: center;
}

.align-center {
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.flex-end {
	justify-content: flex-end;
}

.flex-start {
	justify-content: flex-start;
}

.flex-center {
	justify-content: flex-center;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

.direction-row {
	flex-direction: row;
}

.direction-column {
	flex-direction: column;
}

.direction-column-reverse {
	flex-direction: column-reverse;
}

.direction-row-reverse {
	flex-direction: row-reverse;
}

.border-top {
	border-top: 1upx solid #E5E5E5;
}
.border-bottom {
	border-bottom: 1upx solid #E5E5E5;
}
.border {
	border: 1upx solid #E5E5E5;
}
/**
btn 详情btn
 */
.footer{
	position: fixed!important;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	z-index: 10;
}
.delete{
	color: #fff;
	background-color: #D7E7F3;
	&:active{
		background-color: #e2ecf3;
	}
}
.reject{
	color: #fff;
	background-color: #95BFEA;
	&:active{
		background-color: #a2c5e8;
	}
}
.submit{
	color: #fff;
	background-color: #4476A8;
	&:active{
		background-color: #5a8fc3;
	}
}
/**
详情凭证
 */
.adpics{
	box-sizing: border-box;
	.adpic-item{
		padding: 10upx;
		.adpic{
			position: relative;
			height: 0;
			overflow: hidden;
			padding-top: 100%;
			background: #F2F2F2;
			.img{
				width: 100%;
				position: absolute;
				left: 0;
				top: 0;
				border: 0 none;
				vertical-align: top;
				height: 100%;
			}
		}
	}
}

.card-box{
	.card-body{
		.card-item-row{
			position: relative;
			width: 100%;
			margin-bottom: 8upx;
			.status{
				display: inline-block;
				padding: 0 10upx;
				border-radius: 5upx;
				border: 2up solid #0065A2;
				font-size: 24upx;
				line-height: 44upx;
				color: #0065A2;
				float: left;
				margin-right: 10upx;
				&.active{
					border-color: #21AF23!important;
					color: #21AF23!important;
				}
				&.err{
					border-color: #F22635!important;
					color: #F22635!important;
				}
			}
			&:last-child{margin-bottom: 0;}
			.money{
				color: #333;
			}
			.detail{
				display: inline!important;
				line-height: normal!important;
				padding: 10upx 30upx;
				font-size: 28upx;
				background: #fff;
			}
			.item-row-title,.item-row-content{
				color: #9E9D9E;
				font-size: 32upx;
			}
			.item-row-title{}
			.item-row-content{
				overflow : hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				.item-tag{
					display: inline-block;
					padding: 0 10upx;
					border-radius: 10upx;
					background-color: #F8AC2F;
					font-size: 24upx;
					line-height: 44upx;
					color: #fff;
					margin-right: 10upx;
				}
			}
		}
	}
}
.tag{
	background-color: #E6F7FF;
	border: 2upx solid #94D6FD;
	color: #2593FC;
	display: inline-block;
	font-size: 24upx;
	line-height: 50upx;
	height: 50upx;
	border-radius: 10upx;
	margin-right: 10upx;
	padding: 0 10upx;
}


/**/
.pd5{
	padding: 10upx!important;
}
.pd10{
	padding: 20upx!important;
}
.pd15{
	padding: 30upx!important;
}
.pd20{
	padding: 40upx!important;
}
.pd25{
	padding: 50upx!important;
}
.pd30{
	padding: 60upx!important;
}
.pdt5{
	padding-top: 10upx!important;
}
.pdt10{
	padding-top: 20upx!important;
}
.pdt15{
	padding-top: 30upx!important;
}
.pdt20{
	padding-top: 40upx!important;
}
.pdt25{
	padding-top: 50upx!important;
}
.pdt30{
	padding-top: 60upx!important;
}
.pdl5{
	padding-left: 10upx!important;
}
.pdl10{
	padding-left: 20upx!important;
}
.pdl15{
	padding-left: 30upx!important;
}
.pdl20{
	padding-left: 40upx!important;
}
.pdl25{
	padding-left: 50upx!important;
}
.pdl30{
	padding-left: 60upx!important;
}
.pdr5{
	padding-right: 10upx!important;
}
.pdr10{
	padding-right: 20upx!important;
}
.pdr15{
	padding-right: 30upx!important;
}
.pdr20{
	padding-right: 40upx!important;
}
.pdr25{
	padding-right: 50upx!important;
}
.pdr30{
	padding-right: 60upx!important;
}
.pdb5{
	padding-bottom: 10upx!important;
}
.pdb10{
	padding-bottom: 20upx!important;
}
.pdb15{
	padding-bottom: 30upx!important;
}
.pdb20{
	padding-bottom: 40upx!important;
}
.pdb25{
	padding-right: 50upx!important;
}
.pdb30{
	padding-bottom: 60upx!important;
}
.pdb35{
	padding-bottom: 70upx!important;
}
.pdb40{
	padding-bottom: 80upx!important;
}
.pdb45{
	padding-bottom: 90upx!important;
}
.pdb50{
	padding-bottom: 100upx!important;
}
.mg10 {margin:20upx !important;}
.mg20 {margin:40upx !important;}
.mg30 {margin:60upx !important;}
.mgt5{margin-top: 10upx!important;}
.mgt10{margin-top: 20upx!important;}
.mgt15{margin-top: 30upx!important;}
.mgt20{margin-top: 40upx!important;}
.mgt25{margin-top: 50upx!important;}
.mgt30{margin-top: 60upx!important;}

.mgb5{margin-bottom: 10upx!important;}
.mgb10{margin-bottom: 20upx!important;}
.mgb15{margin-bottom: 30upx!important;}
.mgb20{margin-bottom: 40upx!important;}
.mgb25{margin-bottom: 50upx!important;}
.mgb30{margin-bottom: 60upx!important;}

.mgl5{margin-left: 10upx!important;}
.mgl10{margin-left: 20upx!important;}
.mgl15{margin-left: 30upx!important;}
.mgl20{margin-left: 40upx!important;}
.mgl25{margin-left: 50upx!important;}
.mgl30{margin-left: 60upx!important;}

.mgr5{margin-right: 10upx!important;}
.mgr10{margin-right: 20upx!important;}
.mgr15{margin-right: 30upx!important;}
.mgr20{margin-right: 40upx!important;}
.mgr25{margin-right: 50upx!important;}
.mgr30{margin-right: 60upx!important;}

.fs12{
	font-size: 24upx;
}
.fs14{
	font-size: 28upx!important;
}
.fs16{
	font-size: 32upx!important;
}
.fs18{
	font-size: 36upx!important;
}
.fs20{
	font-size: 40upx!important;
}
.fs22{
	font-size: 44upx!important;
}
.fs24{
	font-size: 48upx!important;
}
.fs26{
	font-size: 52upx!important;
}
.fs28{
	font-size: 56upx!important;
}
.fs30{
	font-size: 60upx!important;
}
.fs32{
	font-size: 64upx!important;
}
.fs34{
	font-size: 68upx!important;
}
.fs36{
	font-size: 72upx!important;
}
.fs38{
	font-size: 76upx!important;
}
.fs40{
	font-size: 80upx!important;
}
.fwb{
	font-weight: bold!important;
}
.pull-left{
	float: left!important;
}
.pull-right{
	float: right!important;
}
.text-gray{
	color: #9B9B9B!important;
}
.text-333{
	color: #333333!important;
}
.text-black{
	color: #000000!important;
}
.text-blue{
	color: #4476A8!important;
}
.text-c5 {
	color:#555555 !important;
}
.text-AAA{
	color:#AAAAAA !important;
}
.text-blue-simple{
	color: #298FD5!important;
}

.text-red{
	color: #F23C38!important;
}
.text-org {
	color: #ED6A0C !important;
}
.text-7f{
	color:#7F7F7F !important;
}
.text-e3{
	color: #333333 !important;
}
.text-a7 {
	color:#A7A7A7 !important;
}
.text-d7 {
	color:#D7D7D7 !important;
}
.reqOption:before {
	content: '* ';
	color: red;
	font-size: 12px;
}
.norOption:before, .upImg:before {
	content: '- ';
	color: white;
	font-size: 12px;
}
.area-text{padding: 20upx 10upx !important; width: 100%;height: 250upx;font-size: 32upx;}
button[type=primary]{
	// background-color: #4476A8!important;
	background-color: #4151AA !important;
}
button[disabled][type=primary]{
	// background-color: #4476A8!important;
	background-color: #4151AA !important;
}
button[type=default]{
	color: #4A4A4A!important;
	background-color: #ffffff !important;
}
button[size=mini]{
	padding: 0 1em;
}
button.button-default-mini{
	/* line-height: 0!important; */
	font-size: 24upx;
	background-color: #fff;
	/* border-radius: 20upx; */
}
.defaultColor {
	color : #4151AA !important;
}
.defaultBg {
	background-color: #4151AA !important;
}
.border-radius-10 {
	border-radius: 20upx;
}
.border-radius-5 {
	border-radius: 10upx;
}
.btnMinAdd{
	border-radius: 10em;
}
.button-hover[type=primary]{
	background-color: #2C6CA1;
}
.action-hover:hover {
	background-color: #f1f1f1;
}
.plaColor{
	color: #D0D0D0;
}
.bagW{
	background-color: #fff;
}
.textAc{
	text-align: center!important;
}
.textAl{
	text-align: left!important;
}
.textAr{
	text-align: right!important;
}
.bsb{
	box-sizing: border-box!important;
}
.card-box-modal{

}
.card-box-head{

}
.card-box-body{
	box-sizing: border-box;
}
.card-box-modal-item{
	display: flex;
}

.card-box-modal-children{
	flex-direction: row;
	box-sizing: border-box;
}
.dis-f{
	display: flex;
}
.dis-b{
	display: block;
}
.dis-ib{
	display: inline-block;
}
.dis-ih{
	display: inherit;
}
.dis-ii{
	display: initial;
}
.click-active:active {
	background-color: #f1f1f1!important;
}
.icon-default{
	font-size: 112upx!important;
}
.icon-small{
	font-size: 56upx!important;
}
.wp100{width: 100%;}
.wp20{width: 20%;}
.wp25{width: 25%;}
.wp30{width: 30%;}
.wp50{width: 50%;}
.wp70{width: 70%;}
.wp75{width: 75%;}
.wp80{width: 80%;}
.hp100{height: 100%;}
.card-box-modal-children.flex-auto{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.flex-just-left{
	justify-content: left!important;
}

.flex-auto1{
	flex: 1;
}

.card-box-footer{

}
.psr{
	position: relative!important;
}
.psf{
	position: fixed!important;
}
.psa{
	position: absolute;
}
.block-top-line:after {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	height: 1upx;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: rgba(0,0,0,.2);
}
.block-bottom-line:before {
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1upx;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: rgba(0,0,0,.2);
}
/**
文字超出宽度出现省略号
*/
.textSp1{
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/**
 * 多行溢出显示省略号
 */
.textSp2{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;//想要的行数
	-webkit-box-orient:vertical;
}
.upImg{
	font-size: 32rpx;
	line-height: 60upx;
}

.col-xs-1, .col-xs-2, .col-xs-20, .col-xs-3, .col-xs-4, .col-xs-40, .col-xs-5, .col-xs-6,
.col-xs-60, .col-xs-7, .col-xs-8,.col-xs-80, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
	position: relative;
	min-height: 1upx;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
}

.col-xs-12 {
	width: 100%;
}

.col-xs-11 {
	width: 91.66666667%;
}

.col-xs-10 {
	width: 83.33333333%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-80 {
	width: 80%;
}

.col-xs-8 {
	width: 66.66666667%;
}

.col-xs-7 {
	width: 58.33333333%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-60 {
	width: 60%;
}

.col-xs-5 {
	width: 41.66666667%;
}

.col-xs-40 {
	width: 40%;
}

.col-xs-4 {
	width: 33.33333333%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-20 {
	width: 20%;
}

.col-xs-2 {
	width: 16.66666667%;
}

.col-xs-1 {
	width: 8.33333333%;
}



.d-table::before {
	content: '';
	display: table;
}

.clear::after {
	content: '';
	display: block;
	clear: both;
}


.border-1 {
	border: 1upx #eeeeee solid;
}

.border-top-1 {
	border-top: 1upx #eeeeee solid;
}

.border-left-1 {
	border-left: 1upx #eeeeee solid;
}

.border-bottom-1 {
	border-bottom: 1upx #eeeeee solid;
}

.border-right-1 {
	border-right: 1upx #eeeeee solid;
}

.border-2 {
	border: 4upx #eeeeee solid;
}

.border-top-2 {
	border-top: 4upx #eeeeee solid;
}

.border-left-2 {
	border-left: 4upx #eeeeee solid;
}

.border-bottom-2 {
	border-bottom: 4upx #eeeeee solid;
}

.border-right-2 {
	border-right: 4upx #eeeeee solid;
}


.h-50 {
	height: 50%;
}

.h-100 {
	height: 100%;
}
